<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link rel="stylesheet" href="css/index.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/index.css"/>-->
		<link rel="stylesheet/less" type="text/css" href="less/index.less">
		<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>
		<header class="header">
			<nav class="header-nav">
				<ul>
					<li class="header-nav-item">
						<a href=""><img src="images/car-logo.png" /></a>
					</li>
					<li class="header-nav-item">
						<nav>
							<a href="">汽车类型</a>
							<a href="">二手市场</a>
							<a href="">服务中心</a>
							<a href="">客服交流</a>
							<a href="">技术支持</a>
							<a href="">售后评价</a>
						</nav>
					</li>
					<li class="header-nav-item">
						<div class="header-nav-item-nav">
							<ul>
								<li>
									<a href="">中文</a>
								</li>
								<li>
									<a href="">日文</a>
								</li>
								<li>
									<a href="">English</a>
								</li>
								<li>
									<a href="">韩文</a>
								</li>
							</ul>
						</div>
						<div class="header-car clearfix">
							<form action="" method="post">
								<input type="text" value="" /><button class="car-btn">搜索</button>
							</form>
						</div>
					</li>
				</ul>
			</nav>
		</header>
		<section class="container">
			<section class="container-inner">
				<img src="images/car-pic1.png" width="100%" height="100%" />
			</section>
			<section class="container-btn">
				<div class="container-btn-left">

				</div>
				<div class="container-btn-right">

				</div>
			</section>
			<section class="clearfix car-container-group">
				<div class="car-container-group-left">
					<header>
						<h1 class="primaries">汽车初选</h1>
					</header>
					<section>
						<ul>
							<li class="primaries-group">进口：<input type="radio" name="radios" id="" value="进口" />
							 	<a href="" class="radios">国产：<input type="radio"  name="radios" id="" value="国产" /></a>
							</li>
							<li class="primaries-group">价格区间:<input type="text" class="price-range" />-<input type="text" class="price-range" /></li>
							<li class="primaries-group">国家：
								<select class="select-country">
									<option>中国</option>
									<option>中国</option>
									<option>中国</option>
								</select>
							</li>
							<li class="primaries-group">车辆类型：
								<select class="select-car">
									<option>suv</option>
									<option>11</option>
									<option>中国</option>
								</select>
							</li>
							<li class="primaries-group">
								<img src="images/car-pic3.png"/>
							</li>
						</ul>

					</section>

				</div>
				<div class="car-container-group-center">
					<img src="images/car-pic2.png" width="100%" height="100%" />
				</div>
				<div class="car-container-group-right">
					<header>
						<h1 class="car-problem">购车问题</h1>
					</header>
					<article>
						<ul>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group">我是上班族，我买什么车好</li>
							<li class="car-problem-group" style="list-style: disc;">我是上班族，我买什么车好</li>
						</ul>
					</article>
				</div>
			</section>
			<section class="clearfix car-container-group-list">
				<div class="car-container-group-left">
					<img src="images/car-bg2.png" width="100%" height="100%" />
				</div>
				<div class="car-container-group-center">
					<img src="images/car-bg3.png" width="100%" height="100%" />
				</div>
				<div class="car-container-group-right">
					<img src="images/car-bg4.png" width="100%" height="100%" />
				</div>
			</section>

		</section>

		<footer class="footer clearfix">
			<nav class="clearfix car-footer-inner">
				<ul class="clearfix">
					<li class="car-footer-nav">
						<ul>
						<li>帮助说明</li>
						<li>支付方式</li>
						<li>配送说明</li>
						<li>售后服务</li>
						<li>付款帮助</li>
						</ul>
					</li>
					<li class="car-footer-nav">
						<ul>
						<li>帮助说明</li>
						<li>支付方式</li>
						<li>配送说明</li>
						<li>售后服务</li>
						<li>付款帮助</li>
						</ul>
					</li>
					<li class="car-footer-nav">
						<ul>
						<li>帮助说明</li>
						<li>支付方式</li>
						<li>配送说明</li>
						<li>售后服务</li>
						<li>付款帮助</li>
						</ul>
					</li>
					<li class="car-footer-nav">
						<ul>
						<li>帮助说明</li>
						<li>支付方式</li>
						<li>配送说明</li>
						<li>售后服务</li>
						<li>付款帮助</li>
						</ul>
					</li>
					<li class="car-footer-nav">
						<ul>
						<li>帮助说明</li>
						<li>支付方式</li>
						<li>配送说明</li>
						<li>售后服务</li>
						<li>付款帮助</li>
						</ul>
					</li>
				</ul>
				<div class="copyright">
					上善云图版权所有
				</div>
			</nav>
		</footer>

		<!--<script src="//cdn.bootcss.com/less.js/2.7.1/less.min.js"></script>-->
	</body>

</html>